<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 事件   事件是发生并得到处理的操作，即：事情来了，然后处理。 (页面加载时只做绑定 xxx时候执行)
    // JS 靠事件驱动的  


    // JS常见的事件
    // 页面相关的事件    onload onscroll onresize onfocus onblur
    // 鼠标相关的事件
    // 键盘相关的事件
    // 表单相关的事件

    var count = 0;
    // 窗口聚焦
    window.onfocus = function(){
        console.log("欢迎欢迎:"+count);
    }
    
    // 窗口失焦
    window.onblur = function(){
        count ++;
        console.log("小子,搞偷袭是不?");
    }
</script>
</html>